<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<body class="gray-bg">
    <div>
        <div class="ibox float-e-margins">
            <div class="oc-ibox-content">
                <div class="table-responsive">
                    <table class="table table-bordered">
                        <thead>
                        <tr>
                            <th class="text-center">
                                <div class="table-first-id">ID</div>
                            </th>
                            <th class="text-center" width="20%">章节名称</th>
                            <th class="text-center" width="12%">评价人数</th>
                            <th class="text-center" width="12%">累计总分</th>
                            <th class="text-center" width="12%">课程质量总分</th>
                            <th class="text-center" width="12%">教学质量总分</th>
                            <th class="text-center" width="12%">综合感受总分</th>
                            <th class="text-center" width="10%">操作</th>
                        </tr>
                        </thead>
                    </table>

                    <div class="J_V_tabContent table-xScrollWrap">
                        <table class="table table-bordered table-hover table-xs-content">
                            <tbody id="tbodyMaterial">
                            <tr class="jqgfirstrow" role="row">
                                <th class="text-center">
                                    <div class="table-first-id">&nbsp;</div>
                                </th>
                                <th class="text-center" width="20%"></th>
                                <th class="text-center" width="12%"></th>
                                <th class="text-center" width="12%"></th>
                                <th class="text-center" width="12%"></th>
                                <th class="text-center" width="12%"></th>
                                <th class="text-center" width="12%"></th>
                                <th class="text-center" width="10%"></th>
                            </tr>
                            <tr th:if="${#lists.isEmpty(catalogList)}">
                                <td colspan="8" class="text-center">
                                    <div class="noDataTipsBox">
                                        <p><span class="c-4e fs16">亲，还没有数据~~~</span></p>
                                    </div>
                                </td>
                            </tr>

                            <tr th:if="not ${#lists.isEmpty(catalogList)}" th:each="catalog : ${catalogList}">
                                <td class="text-center">
                                    <input type="checkbox" class="i-checks" th:value="${catalog['id']}">
                                </td>
                                <td class="text-center" th:text="${catalog['catalogName']}"></td>
                                <td class="text-center" th:text="${catalog['commentCount']}"></td>
                                <td class="text-center" th:text="${catalog['quality'] + catalog['teach'] + catalog['feel']}"></td>
                                <td class="text-center" th:text="${catalog['quality']}"></td>
                                <td class="text-center" th:text="${catalog['teach']}"></td>
                                <td class="text-center" th:text="${catalog['feel']}"></td>
                                <td class="text-center">
                                    <a th:attrappend="data-id=${catalog['id']}" class="c-master fs14 ml5" data-toggle="tooltip" data-placement="bottom" data-original-title="章节评价明细"><i class="fa fa-eye"></i></a>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>